<template>
	<view class="wrap">
		<view class="gl-body">
			<u-row v-for="(item,index) in favList" :key="index">
				<u-col :span="4" class="gl-img">
					<u-image width="170rpx" height="170rpx" :src="item.goods.img" @click="toDetail(item.goods.id)">
					</u-image>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				favList: [],
			}
		},
		onLoad(option) {
			this.favList = option.favList;
			console.log("商品",JSON.stringify(option))
		},
		methods: {}
	}
</script>


<style lang="scss" scoped>
	.wrap {
		padding: 0rpx 30rpx;
	}

	.gl-body {
		padding-bottom: 80rpx;
	}

	.gl-title {
		padding: 20rpx;
	}

	.gl-img {
		padding: 30rpx;
	}

	.gl-name {
		font-size: 26rpx;
	}

	.gl-descript {
		font-size: 20rpx;
	}

	.gl-price {
		font-size: 24rpx;
		color: #FA3534;
	}

	.navbar-right {
		margin-right: 24rpx;
		display: flex;
	}

	.link-text {
		font-size: 28rpx;
	}



	.navigation {
		width: 100%;
		display: flex;
		position: fixed;
		bottom: 0;
		margin-top: 100rpx;
		border: solid 2rpx #f2f2f2;
		background-color: #ffffff;
		padding: 16rpx 0;
		justify-content: space-between;

		.left {
			display: flex;
			font-size: 20rpx;

			.item {
				margin: 0 8rpx;


			}
		}

		.right {
			display: flex;
			font-size: 28rpx;
			align-items: center;
			margin-right: 60rpx;

		}
	}

	.no-data {
		padding: 0rpx 30rpx;
		margin-top: 50%;

		.content {
			text-align: center;
			color: lightgray;
			margin-bottom: 30rpx;
		}
	}
</style>
